import React from 'react';

import TodoItem from "../TodoItem";
import './index.css'

function TodoMain(props) {
    const {todoList,dispatch} = props
    return (
        <ul className="todo-main">
            {
                todoList.map(todo=><TodoItem dispatch={dispatch} todo={todo} key={todo.id}/>)
            }
        </ul>
    );
}

export default TodoMain;